<template>
  <h3>executionTime 执行时刻</h3>
  <div class="">
    <!-- <f-input class="l-w200" /> -->
    <f-execution-time
      v-model:value="dataValue"
      trigger="click"
      class="l-w400"
      placeholder="aaabbb"
      :showType="showType"
      :maxNum="maxNum"
      :timeNum="timeNum"
      @change="changeValue"
    />
  </div>
  <f-button @click="changeType">切换类型</f-button>
  <f-button @click="changeData">切换数据</f-button>
  <f-button @click="changeNum">切换数量</f-button>
  <div>
    <f-execution-time v-model:value="dataValueB">
      <f-button class="">按钮</f-button>
    </f-execution-time>
  </div>
</template>

<script setup>
import { onBeforeMount, reactive, ref } from 'vue';
const dataValue = ref([{dayNumber:"2",times:['00:00']}]);
const dataValueB = ref([{dayNumber:0,times:['08:00', '12:00']}]);
const maxNum = ref(4);
const timeNum = ref(24);
const showType = ref('month');
console.log('dataValue', dataValue.value);
const changeValue = (value) => {
  console.log('changeValue_________', value);
};
const changeType = ()=>{
  showType.value = 'week'
  console.log("showType.value",showType.value)
}
const changeData = ()=>{
  dataValue.value = [{dayNumber:"3",times:['08:00', '12:00']}]
  console.log("showType.value",showType.value)
}
const changeNum = ()=>{
  maxNum.value = 6;
  console.log("showType.value",showType.value)
}
</script>

<style lang="scss">

</style>
